// 有位置偏移的通知栏
<template>
<p>能够设置偏移量来使 Notification 偏移默认位置。</p>
  <el-button plain @click="open"> Notification with offset </el-button>
  <p>Notification 提供设置偏移量的功能，通过设置 <code>offset</code> 字段，可以使弹出的消息距屏幕边缘偏移一段距离。 注意在同一时刻，每一个的 Notification 实例应当具有一个相同的偏移量。</p>
</template>

<script lang="ts" setup>
import { ElNotification } from 'element-plus'

const open = () => {
  ElNotification.success({
    title: 'Success',
    message: 'This is a success message',
    offset: 100,
  })
}
</script>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>